* {
    box-sizing: border-box;
    
}
.fl{
    float: left;
}
.fr{
    float: right;
}
p,
html,
body {
    margin: 0;
    
}
@media screen and (max-width: 400px) {
    body {
        font-size: 0.8px
    }
}
@media screen and (min-width: 401px) {
    body {
        font-size: 1px
    }
}
// @media screen and (min-width: 673px) {
//     body {
//         font-size: 1px
//     }
// }



body{
    color: #2d2d32;
}
a {color: #2d2d32;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    &:active{
        color: #2d2d32;
    }
}
// @media only screen and (max-width: 640px){
//     body {
//         font-size: 16*2px;
//     }
// }
// @media only screen and (min-width: 641px){
//     body {
//         font-size: 16*1.5px;
//     }
// }
// @media only screen and (min-width: 980px){
//     body {
//         font-size: 16px;
//     }
// }